@font-face
{
font-family: mySegoePrint;
src:url(segoepr.ttf);
}

@font-face
{
font-family: mySegoeScript;
src:url(segoesc.ttf);
}

#docTitle{
position:absolute;
top:120px;
width:100%;
height:100px;
font-family:mySegoeScript,"Comic Sans MS", cursive, sans-serif;
color:#556B2F;
font-size:4em;
text-align:center;
text-shadow: 3px 3px 3px #808000;
border-bottom:2px solid olive;
border-top:2px solid olive;
line-height:100px;
}
hr{
position:absolute;
top:970px;
width:100%;
}

#glavnideo{
width:1200px;
margin-left:auto;
margin-right:auto;
font-size:1em;
}

#lang{
float:right;
margin-right:10px;
padding:5px;
font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif;
}

#lang a{
text-decoration:none;
color:#556B2F;
}

#langFontList{
clear:both;
list-style:none;
font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif;
color:#556B2F;
height:50px;
}

#langFontList li{
float:right;
}

#smallFont,#bigFont{
margin-right:10px;
padding:3px;
}

#smallFont:hover,#bigFont:hover{
border:1px solid #556B2F;
border-radius:5px;
box-shadow:1px 1px 1px 1px #808000;
cursor:pointer;
}

#linkList{
margin-top:120px;
list-style:none;
font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif;
color:#556B2F;
height:50px;
}

#linkList li{
color:black;
font-size:1.2em;
float:right;
width:25%;
text-align:center;
}
#linkList a:link{
color:black;
}
#linkList a:visited{
color:#003300;
}
#linkList a:hover{
color:maroon;
}
#pictures a,#author a,#contact a{
color:black;
}

#uvod {
position:relative;
}

#uvodtekst{
margin:0px;
width:550px;
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:30px;
-moz-column-gap:30px;
column-gap:30px;
text-align:justify;
padding-left:30px;
padding-right:30px;
padding-top:20px;
padding-bottom:20px;
border-left: 6px double olive;
border-right:6px double olive;
overflow:auto;
font-family:mySegoePrint,"Comic Sans MS", cursive, sans-serif;
}

#kontejner{
position:absolute;
top:0px;
left:700px;
margin:0px;
width:420px;
border-left: 6px double olive;
border-right:6px double olive;
padding-left:30px;
padding-right:30px;
}
#prozor{
position:relative;
width:420px;
margin-left:auto;
margin-right:auto;
border:1px solid olive;
overflow:hidden;
}
.slajd{
float:left;
}

#pretrazivac{
position:absolute;
bottom:1px;
left:31px;
width:420px;
height:40px;
background-color:DarkKhaki;
}
#pretrazivac p{
width:15px;
height:15px;
border-radius:15px;
float:left;
margin-left:22px;
margin-right:22px;
}
#pretrazivac p:hover{
cursor:pointer;
}

#idina1{
background-color:DarkOliveGreen;
}
#idina2, #idina3,#idina4,#idina5,#idina6,#idina7{
background-color:olive;
}
footer{
margin-top:15px;
font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif;
font-size:0.8em;
}